/*======edit profile css====
============================*/
#edit-profile{
	color: $black;
	padding-top: 104px;
	@media(width:$mobile){
		padding-top:160px
	}
	@media(width:$mobile-max){
		padding-top:140px
	}
	@media(width:640){
		padding:115px;
	}
	.breadcrumb{
		margin-left:-10px;
	}

		.container{
			max-width: 990px;
			padding: 0px;
			margin:0 auto;
		}
		.tab-header{
			margin-left:-10px;
		}
	
		.nav-tabs{
	        border-bottom: none;
	        margin-top: 20px;
	        margin-bottom: 60px;

					@media (min-width: $mobile) and (max-width: $mobile-max){
        /* Media Query Between Screen 320px and 480px  */
            float:none;    
        }
	     li{
	     	padding-left: 14px;
             padding-top: 3px;
             cursor:pointer;
          	@media (min-width: $mobile) and (max-width: $mobile-max){
                float:none;
                padding-left: 0;
                border-bottom: 2px solid $white;       
              }

              @media (min-width: $mobile-max) and (max-width: 980px){
                  padding-left: 0;
                  
               }

               &:first-child
               {
              padding-left:0px; 
              
             }

	     }
			a{
				@include button($black,$white,$yellow,$black);
				padding:13px 36px;
				text-transform: uppercase;
				font-family: $verdana;
				font-weight: bold;
				font-size: 10px;
				margin-top: 0;

				
				   @media (min-width: $mobile) and (max-width: $mobile-max){
       					text-align: center; 
        			}
        			@media (min-width: $tablet) and (max-width: 980px){
                  padding: 10px 40px;
                }
				
			}


		}

		
       .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
         background-color:$yellow;
                 color: $black;
       }   
}
.edit-wrap{

.my-detail{
	float: left;
}	

.edit-info{
	text-align: right;
	font-family: $verdana;
	font-size: 12px;
	font-weight: bold;
	margin-top: 18px;
	@media (min-width: $mobile) and (max-width: $tablet-max){
		text-align: left;
				
		}
	a{
		text-decoration: underline;
		color: $dark_grey;
		margin-bottom: 50px;
		width: 100%;
		float: left;
		padding-right: 15px;
		font-size: 12px;
		font-family: $verdana;
		text-align: right;
	}
	label{
		padding-top:13px;
		text-transform: uppercase;	
	}
	.book-control{
		
		height: 48px;
		
     }
     .form-control:focus{
		box-shadow: none;
		border: 2px solid $black;
     }
	span{
		color:red;
	}
.dob-icon{
		
				background: url(../img/dob.png) no-repeat ;
            	content:"";
                font-size:12px;
                position: absolute;
                height: 29px;
                width: 28px;
                display:block;
                right:23px;
                top:9px;               
        }
	.form-group{
          margin-bottom: 20px;
	}
}

.select-pic{
	text-align: right;
	padding-right: 4px;
	font-size: 12px;
	font-family: $verdana;
	color: $dark_grey;
	@media(max-width:767px)
	{
		float: left;
		padding-right: 4px;
		
	}
	small{
		margin-right: 10px;
	}
	input[type=submit]{
				@include button($black,$white,$yellow,$black);
				padding:11px 26px;
				text-transform: uppercase;
				font-family: $verdana;
				font-weight: bold;
				font-size: 10px;
				margin-right: 15px;
				margin-top:-9px;
				margin-bottom: 0;
				
			@media(max-width:767px)
				{
				padding: 11px 15px;
				margin-right: 10px;
			}	
			}
}

.right-pad{
	padding-right: 0;
}
}


#other-info
{
	width: 100%;
	float: left;
	margin-top: 50px;
	border-bottom: 1px solid $light_grey;
		.form-group{
			margin-bottom: 40px;
		}

		.book-control{
			height:264px;
			 resize: none;

			&:focus{
				box-shadow: none;
				border:2px solid $black;
			}
		}

		label{
			text-transform: uppercase;
			font-family: $verdana;
			font-size: 12px;
			font-weight: bold;
			color:$black;
			span{
				color:red;
			}
		}

.choice{
	label{
		font-family: $verdana;
		font-size: 12px;
		font-weight: normal;
		text-transform: none;
	}
}		

}

#bank-detail
{
	width: 100%;
	float: left;
	margin-top: 35px;
	border-bottom: 1px solid $light_grey;
	h3{
		font-size: 30px;
		font-family: $lgr;
		text-transform: uppercase;
		margin: 0;
	}
	.bank-info
	{
		width: 100%;
		float: left;
		margin-top: 30px;
	
		.form-group{
			margin-bottom: 34px;
			width: 100%;
			float: left;
		}

		.book-control{
			height:48px;
			&:focus{
				box-shadow: none;
				border:2px solid $black;
			}
		}

		label{
			text-transform: uppercase;
			font-family: $verdana;
			font-size: 12px;
			font-weight: bold;
			color:$black;
			span{
				color:red;
			}
		}

		
	}
}

#social-detail
{
	width: 100%;
	float: left;
	margin-top: 35px;
	border-bottom: 1px solid $light_grey;
	h3{
		font-size: 30px;
		font-family: $lgr;
		text-transform: uppercase;
		margin: 0;
	}
	.social-ntwrk
	{
		width: 100%;
		float: left;
		margin-top: 30px;
	
		.form-group{
			margin-bottom: 34px;
			width: 100%;
			float: left;
		}

		.book-control{
			height:48px;
			&:focus{
				box-shadow: none;
				border:2px solid $black;
			}
		}

		label{
			text-transform: uppercase;
			font-family: $verdana;
			font-size: 12px;
			font-weight: bold;
			color:$black;
			span{
				color:red;
			}
		}

		
	}
}

#terms{
	width: 100%;
	float: left;
	margin-top: 35px;
	margin-bottom: 50px;
	h3{
			font-size: 30px;
			font-family: $lgr;
			text-transform: uppercase;
			margin: 0;
		}
	.conditions
	{
		height: 120px;
		overflow-y: scroll;
		margin-bottom: 25px;
		p{
			font-size: 12px;
			font-family: $verdana;
		}
		h5{
			font-size: 12px;
			font-family: $verdana;
			font-weight: bold;
			margin-bottom:0;
		}
	}
	
		input[type=submit]{
			@include button($black,$white,$yellow,$black);
				padding:10px 40px;
				text-transform: uppercase;
				font-family: $verdana;
				font-weight: bold;
				font-size: 10px;
				margin-top: 0px;
		}

}

#change-password{
.modal-dialog{
	width: 64%;
}
.modal-header{
	border: none;
	h4{
				font-family: 40px;
				font-family: $lgr;
				text-transform: uppercase;
				color:$black;
				margin-left: 15px;
			}
			hr{
				margin: 0 19px;
                border-top:2px solid $light_grey;

			}
}
}
		.change-pass{

			

			.book-control{
			height:48px;
			&:focus{
				box-shadow: none;
				border:2px solid $black;
			}
		}
	
		label{
			margin-top: 20px;
			span{
				color:red;
			}
		}
		input{
			margin-top: 20px;
		}
		input[type=submit]{
			@include button($black,$white,$yellow,$black);
			font-family: $verdana;
			font-weight: bold;
			font-size: 10px;
			padding:11px 40px;
			margin-top:35px;
			margin-right: 16px
		}
		}

		/*================================================
						Learn-tab css
		==================================================*/				

#purchage-class{
	margin-bottom: 80px;
	h1{
		font-family: $lgr;
		font-weight: bold;
		font-size: 40px;
		color: $black;
		margin-top: 0;
		margin-bottom: 25px;
		text-transform: uppercase;
		padding-left: 14px;
	}


	.learn-title{
		position: relative;
		max-width: 298px;
	img{
		margin-top: 10px;
		 border: 10px solid $white;
		 outline: 1px solid $black;
	}

	span{
		background-color: rgba(230, 230, 230, 0.7);
    color: #000000;
    font-family: "league_gothicregular";
    font-size: 45px;
    margin-top: 90px;
    padding: 3px 24px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    width: 100%;
	small
	{
    display: block;
    font-family: "verdana";
    font-size: 10px;
	}


	}
}

.pad-rl{
   padding: 0;
}
	input[type=submit]{
		@include button($black,$white,$yellow,$black);
		width: 98%;
		padding:0;
		text-transform: uppercase;
		font-family: $verdana;
		font-weight: bold;
		font-size: 10px;
		min-height: 22px;
		margin-bottom: 0;
		@media (max-width:767px)
		{
			width:41% !important;
		}
		@media(max-width:640px){
			width:49% !important;
		}
		@media(max-width:480px){
			width:66% !important;
		}
		@media(max-width:320px){
			width:100% !important;
		}
				
	}
	//purchaged class rating
	.rating{
		font-family: $verdana;
	font-size: 10px;
	text-transform: uppercase;
	color:$black;
	padding:0;
.star-rating {
    float:left;
    width:80px;
    @media (min-width: $mobile) and (max-width: $tablet){
		/* Media Query Between Screen 320px and 480px  */
		float: none;
				
		}
}
.star-rating span
 { 
 	position:relative; 
 	margin: 0;
 	padding: 0;
 	font-size: 10px;
 	float:right;
 	width:16px;
 	background: none;

 }
.star-rating span input {
    position:absolute;
    top:0px;
    left:0px;
    opacity:0;
}
.star-rating span label {
    display:inline-block;
    width:10px;
    height:10px;
    text-align:center;
    color:#FFF;
    background:#ccc;
    font-size:10px;
    margin-right:2px;
    line-height:30px;
    border-radius:50%;
    -webkit-border-radius:50%;
}
.star-rating span:hover ~ span label,
.star-rating span:hover label,
.star-rating span.checked label,
.star-rating span.checked ~ span label {
    background:$yellow;
    color:#FFF;
}

	
	}

	hr{
		border-top: 2px solid $dark_grey;
		margin-right: 21px;
		margin-top: 0;
	}
	.write-review{
		.form-control::-moz-placeholder{
        font-size: 14px;
        font-family: 'vardana';
        padding-top:1px;
        color:$dark_grey;  
        font-weight: bold;
        text-transform: none;
       
    }
    input{
    	max-width: 93%;
    }

    .book-control{
			height:80px;
			 resize: none;

			&:focus{
				box-shadow: none;
				border:2px solid $black;
			}
		}
		

	}
}

/*==============queries made section(inside learn tab)===============*/

#queries-made{

	margin-bottom: 100px;
	.queryhr{
		border-top: 2px solid $light_grey;
		margin:0 35px 0 15px;

	}
	h1{
		font-family: $lgr;
		font-weight: bold;
		font-size: 40px;
		color: $black;
		margin-top: 50px;
		margin-bottom: 25px;
		text-transform: uppercase;
		padding-left: 14px;

	}
	.learn-title{
		position: relative;
		max-width: 298px;
	img{
		margin-top: 10px;
		 border: 10px solid $white;
		 outline: 1px solid $black;
	}

	span{
		background-color: rgba(230, 230, 230, 0.7);
    color: #000000;
    font-family: "league_gothicregular";
    font-size: 45px;
    margin-top: 90px;
    padding: 3px 24px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    width: 100%;
	small
	{
    display: block;
    font-family: "verdana";
    font-size: 10px;
	}

          
	}
	}
	.pad-rl{
		padding: 0;
	}
	input[type=submit]{
		@include button($black,$white,$yellow,$black);
		width: 98%;
		padding:0;
		text-transform: uppercase;
		font-family: $verdana;
		font-weight: bold;
		font-size: 10px;
		min-height: 22px;
		margin-bottom: 0;
		@media (max-width:767px)
		{
			width:41% !important;
		}
		@media(max-width:640px){
			width:49% !important;
		}
		@media(max-width:480px){
			width:66% !important;
		}
		@media(max-width:320px){
			width:100% !important;
		}
				
	}
	.rating{
		font-family: $verdana;
	font-size: 10px;
	text-transform: uppercase;
	color:$black;
	padding:0;
	
	.star-rating {
    float:left;
    width:80px;

    @media (min-width: $mobile) and (max-width: $tablet){
		/* Media Query Between Screen 320px and 480px  */
		float: none;
				
		}
}
.star-rating span
 { 
 	position:relative; 
 	margin: 0;
 	padding: 0;
 	font-size: 10px;
 	float:right;
 	width:16px;
 	background: none;

 }
.star-rating span input {
    position:absolute;
    top:0px;
    left:0px;
    opacity:0;
}
.star-rating span label {
    display:inline-block;
    width:10px;
    height:10px;
    text-align:center;
    color:#FFF;
    background:#ccc;
    font-size:10px;
    margin-right:2px;
    line-height:30px;
    border-radius:50%;
    -webkit-border-radius:50%;
}
.star-rating span:hover ~ span label,
.star-rating span:hover label,
.star-rating span.checked label,
.star-rating span.checked ~ span label {
    background:$yellow;
    color:#FFF;
}


     
 }

	



	hr{
		border-top: 2px solid $dark_grey;
		margin-right: 21px;
		margin-top: 0;
	}
	.write-review{
		
		.form-control::-moz-placeholder{
        font-size: 14px;
        font-family: 'vardana';
        padding-top:1px;
        color:$dark_grey;  
        font-weight: bold;
        text-transform: none;

    }
    input{
    	max-width: 93%;
    }

    .book-control{
			height:80px;
			 resize: none;

			&:focus{
				box-shadow: none;
				border:2px solid $black;
			}
		}
		

	}
}

/*=====================My profile section====================
==============================================================*/

#my-profile{
img{
	border:none !important;
}
#profile-pic{
	figure{
	position:relative;
}
span{
	position:absolute;
	background-color: rgba(230, 230, 230, 0.7);
	width: 130px;
	height: 50px;
	font-family: $lgr;
	font-size: 24px;
	text-transform: uppercase;
	top:0;
	padding: 7px 22px; 
}
}
	h1 {
    color: #000000;
    font-family: "league_gothicregular";
    font-size: 59px;
    line-height: 0.9;
    margin: 0;
    padding: 0;


      @media (min-width: $mobile) and (max-width: $mobile-max){
        /* Media Query Between Screen 320px and 480px  */
               font-size: 30px;
               margin-top: 10px; 
        } 

        @media (min-width: $mobile-max) and (max-width: $tablet){

        /* Media Query Between Screen 480px and 768px  */    
        font-size: 40px;
        margin-top: 10px;   
        } 
}

 p {
    color: #747474;
    font-family: "Verdana";
    font-size: 12px;
    margin-top: 3px;
}

.recomends{
	margin-top: 18px;
}
.icons li{
	    	float: left;
	    	
	    		    &:nth-child(3) a {
	    	
				background: url(../img/icons.png) no-repeat -94px 0; width: 36px; height: 35px;	    		
	    		display: block;
				@include animate();
				margin-right: 51px;
				&:hover{
					background: url(../img/icons.png) no-repeat -94px -54px; width: 36px; height: 35px;
					display: block;
				}
	    	@media(min-width:700px) and (max-width:767px)
				{
					margin-right:270px;
				}
	    }

	    &:nth-child(4) a{
	    	font-family: $verdana;
	    	font-weight: bold;
			text-transform: uppercase;
            font-size:10px;
	    	@include button();
                
                    padding:16px 13px;
                    margin-top: -9px;

             @media(max-width: $mobile-max){
						 margin-top:10x !important;
                		margin-right: 144px; 
                		padding:12px 6px;
                    }
            @media (max-width: $mobile){
        
               
                margin-right: 171px; 
                
        }
                
	    }
	    &:nth-child(5) a{
	    	font-family: $verdana;
	    	font-weight: bold;
			text-transform: uppercase;
            font-size:10px;
	    	@include button();
                
                    padding:16px 13px;
                    margin-top: -9px;

             @media(max-width: $mobile-max){
						 margin-top:10x !important;
                		margin-right: 144px; 
                		padding:12px 6px;
                    }
            @media (max-width: $mobile){
        
               
                margin-right: 171px; 
                
        }
                
	    }



	}
}

/*2) profile detail */

#profile-detail{
	width: 100%;
	float: left;
	margin-top: 82px;
    margin-bottom: 70px;
	.nav-tabs{
		margin: 0px;
		 @media (min-width: $mobile) and (max-width: $mobile-max){
        /* Media Query Between Screen 320px and 480px  */
            float:none;    
        }

	}
	.nav-tabs li {
    
    	float: left; 
    	margin-right: 15px;
    	border: none;
        margin-bottom: 5px;
     @media (min-width: $mobile) and (max-width: $mobile-max){
        /* Media Query Between Screen 320px and 480px  */
              width: 100%;  
        }
		}

    #profileTab{
    	border-bottom:none;
    	 li 
    {
    	float: left; 
    	margin-right: 15px !important;
    	border: none;
    	padding:0 !important;

	a{
        border-radius: none;
		@include button($bgr:$black,$tcolor:$white,$hbgr:$yellow,$htcolor:$black);
		margin-top: 0px;
		border: none;
		padding: 11px 43px !important;
		font-weight:bold;
		text-transform: uppercase;
		font-size: 10px;
		font-family: $verdana;

		&:hover{
			border:none;

		}
		@media (min-width: $mobile) and (max-width: $mobile-max){
        /* Media Query Between Screen 320px and 480px  */
          
           padding-top: 8px;
           padding-bottom: 8px;     
        }
@media (min-width: $tablet) and (max-width: $tablet-max){
        /* Media Query Between Screen 767px and 980px  */ 
        padding: 11px 22px;      
        }
    }
	
	}
   }


.tab-content

{
	margin-top: 10px;
    max-width: 510px;
    @media(max-width:767px)
    {
        max-width :100%;
    }
article{
	
	
	padding-right: 10px;
	color: $dark_grey;
	font-size: 13px;
	font-family: verdana;
	overflow-y: scroll;
	height: 300px;

}


}


/*review css*/
.profile-review{

.container{
	padding:0 15px;
}
    background-color: $light_grey;

     @media (min-width: $mobile) and (max-width: $mobile-max){
        /* Media Query Between Screen 320px and 480px  */
               margin-top: 20px;
                
        } 

        @media (min-width: $mobile-max) and (max-width: $tablet){
        /* Media Query Between Screen 480px and 768px  */       
         margin-top: 20px;
                

        }
        @media (min-width: $tablet) and (max-width: $tablet-max){
            margin-top: 20px;
                
        /* Media Query Between Screen 767px and 980px  */       
        }
    h4{
       font-family: $lgr;
        font-size: 45px;
        color: $black;
        padding-top: 0px;
        text-transform: uppercase; 
        margin: 10px 0 10px 0;

         @media (min-width: $mobile-max) and (max-width: $tablet){

        /* Media Query Between Screen 480px and 768px  */    
        font-size: 30px;   
        }
    }
    hr{
        margin-top: 0px;
        margin-bottom: 15px;
        border-top: 2px solid $dark_grey;
    }
}
.single-review{
    list-style-type: none;
    margin: 0 0 12px 0;
    overflow: hidden;
    position: relative;
   a{
    float: left;
    width: 100%;
   }
  img{
    float: left;
    width: 54px;
    height: 54px;
    margin-right: 7px;
    overflow: hidden;
}
}
.review-info{
    color: $dark_grey;
    font-family:$verdana;
    font-size: 13px;
    .name{
      font-weight: bold;
    }

}

}
/*lateral classes*/
.literally-ending{
    background-color: $black;
    width: 100%;
    float: left;
    border-bottom: 1px solid $light_grey;     
.literally-head{
        font-family: $lgr;
        font-size: 45px;
        color: $white;
        padding-top: 20px;
        padding-bottom: 10px;
        padding-left: 0px;
        padding-right: 0px;
        text-transform: uppercase;
        span{
            color:$yellow;

        }
            a{
               @include button($yellow,$black,$yellow,$white);  
               float: right;
            display: inline-block;
            margin-top: 25px;
            font-family: $verdana;
            font-size: 10px;
            text-transform: none;
            padding: 3px 3px;
            font-weight: bold;
            }
              @media(max-width: $mobile-max){
        
                font-size: 30px;
        }
 }           
.prev-class{
    padding-left: 0px;
    
    .title-span{
    	position: relative;
    	max-width: 90%;
    img{
    border: 10px solid $white !important;
    min-width: 100%;
     }
     span{
            position: absolute;
            top:0;
            background-color: rgba(230, 230, 230, 0.7);
        font-family: $lgr;
        font-size: 45px;
        color: $black;
        text-transform: uppercase;
        width: 100%;
        margin-top: 90px;
        padding: 3px 24px;
        small{
            font-family: $verdana;
            font-size: 10px;
            display: block;
        }

		@media(max-width: 480px){
        
             font-size: 26px;
             margin-top: 0;
             top:42px;   
        }

     }
 }
}


}



/*=======================================
			My Queries tab pan
==========================================*/

#my-queries{

	.table{
		text-align: center;
		text-transform: uppercase;
		margin-bottom: 50px;
		.table-head{
			border-top: none;
			
			font-size: 30px;
			font-family: $lgr;
			color: $black;
			text-transform: uppercase;
			text-align: center;
			font-weight: normal;
			@media (min-width: $mobile) and (max-width: $tablet){
		      font-size: 25px;
				
		}
		}

		.table-content
		{
			
			font-family: $verdana;
			font-size: 12px;
			color: $black;
			
			hr{
				margin:10px 0;
				border-top: 1px solid $light_grey;
			}
			

			
			}

		.query-sec{
			
			hr{
				margin:10px 0 20px;
				border-top: 1px solid $light_grey;
			}

			.msgdetail{
				background: $light_grey;
				text-align: left!important;
				padding:19px 22px;
				font-family: $verdana;
				font-size: 12px;
				text-transform: none;

				h6{
					margin: 0;
					font-family: $verdana;
					font-size: 12px;
					font-weight: bold;
					text-transform: uppercase;
				}
			}
			.reply{
				text-align: left;
				margin-top: 48px;
				margin-bottom: 30px;
				
				h6{

					margin:0 ;
					margin-bottom: 10px;
					font-family: $verdana;
					font-size: 12px;
					font-weight: bold;
					text-transform: uppercase;
				}
			.book-control{
			height:112px;
			&:focus{
				box-shadow: none;
				border:2px solid $black;
			}
			
			}
		}
		.choice{
			text-align: left;
			margin-bottom: 20px;
			label{
			
			text-transform: uppercase;
			color: $black;
			font-size: 10px;
			font-family: $verdana;
			font-weight: bold;
		}
			button{
				@include button($black,$white,$yellow,$black);
					float: right;
					padding: 9px 40px;
					margin-top: -10px;
					font-size: 10px;
					font-family: $verdana;
					font-weight: bold;
					text-transform: uppercase;
					margin-right: 15px;
			}
			input[type=submit]{
					@include button($black,$white,$yellow,$black);
					float: right;
					padding: 10px 40px;
					margin-top: -10px;
					font-size: 10px;
					font-family: $verdana;
					font-weight: bold;
					text-transform: uppercase;
			}
		}

	}
			a{
				font-family: $verdana;
				font-size: 12px;
				text-decoration: underline;
				color: $dark_grey;

				&:hover{
					color:$black;
				}
			}

	}
}

/*=======================================
			My inbox tab pan
==========================================*/

#inbox-query{


		h1{
	font-family: 30px;
	font-size: 30px;
	text-transform:uppercase;
	color: $black;
	margin: 0px;
	}
	.query-side{
		margin-top: 30px;
		overflow-y: scroll;
		max-height: 600px;
		hr{
		margin: 0;
		border-top:2px solid $light_grey;

	}
	}
	
	.review-tabs{
     padding: 0;
     margin: 0;
     
}
	.my-review {
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    position: relative;
    padding: 10px 0;

    img {
    float: left;
    height: 54px;
    margin-right: 7px;
    overflow: hidden;
    width: 54px;
}

.name {
   color:$light_grey;
    font-family: $lgr;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: normal;
}
}

       .review-tabs>.my-review.active>a>.name, .review-tabs>.my-review.active>a>.review-info>.name:hover, .query-side>.my-review.active>a>.review-info>.name:focus {
        
                 color: $black;
					font-weight: normal;
             }
}

.inbox-detail{
	border:2px solid $black;
	padding:18px 18px;
	margin-top: 30px;
	h3{
		font-family:$lgr;
		font-size: 30px;
		color: $black;
		text-transform: uppercase;
		margin: 0px;
	}
	hr{
		border-top:2px solid $light_grey;
	}
	
	small{
		font-family:$verdana;
		font-size: 12px;
		color: $black;
		

	}
	.main-review{
		height: 117px;
		overflow-y: scroll;
		margin-bottom: 10px;
	}
.inbox-review{
    list-style-type: none;
    margin: 0 0 12px 0;
    overflow: hidden;
    position: relative;
    max-width: 400px;

   a{
    float: left;
    width: 100%;
   }
  img{
    float: left;
    width: 54px;
    height: 54px;
    margin-right: 7px;
    overflow: hidden;
}
.review-info{
    color: $black;
    font-family:$verdana;
    font-size: 12px !important;
    .name{
    	span{
      font-weight:bold;
  }
    }

}

}
.query-reply{

	
	.book-control
	{
	 height:80px;
	 resize: none;
	padding-right: 0;
	&:focus{
		box-shadow: none;
		border:2px solid $black;	
	}
	}
	}
	input[type=submit]{
		@include button($black,$white,$yellow,$black);
		float: right;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 10px;
		font-family:$verdana;
		margin: 0;
		padding:12px 35px;
	}
		.choice{
			margin-bottom: 20px;
	 input[type="checkbox"] + label:before {
        
        
         height: 17px;
         width:17px;
         font-weight: bold;
         line-height: 13px
        
         
     } 
     label{
		
		color: $black;
		text-transform: uppercase;
	}
 }
}


/*conversions css*/


#conversion{

.conver-tabs>.my-review.active>a>.name, .conver-tabs>.my-review.active>a>.name:hover, .conver-tabs>.my-review.active>a>.name:focus {
        
                 color: $black;
					font-weight: normal;
             }
	margin-top: 33px;
	margin-bottom:200px;
	h1{
		font-family: 30px;
	font-size: 30px;
	text-transform:uppercase;
	color: $black;
	}
	.conver-side{
		margin-top: 30px;
		overflow-y: scroll;
		max-height: 500px;
	}
	.conver-tabs{
     padding: 0;
     margin: 0;
     hr{
	margin: 0;
}
}
	hr{
		border-top: 2px solid $light_grey;
		margin-left: 14px;
		margin-right: 14px;
	}
	.my-review {
    list-style-type: none;
   padding: 10px 0;
    overflow: hidden;
    position: relative;
    img {
    float: left;
    height: 54px;
    margin-right: 7px;
    overflow: hidden;
    width: 54px;
}


.name {
    color:$light_grey;
    font-family: $lgr;
    font-size: 30px;
    text-transform: uppercase;


}
  
}

.query-reply{
	
	margin:35px 20px 0 20px;
	.book-control
	{
	 height:80px;
	 resize: none;
	 

	&:focus{
		box-shadow: none;
		border:2px solid $black;	
	}
	}
	}
	input[type=submit]{
		@include button($black,$white,$yellow,$black);
		float: right;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 10px;
		font-family:$verdana;
		margin: 10px 0 0 0;
		padding:12px 35px;
	}
		


}
.conver-wrap{
	height: 200px;
	overflow-y: scroll;
	margin-top: 30px;
}
.conver-detail{

	.choice{
		float:left;
		}

		.imgname{
		img{
			margin-top: 6px;
			float:left;
		}
	h3{
	font-family: 30px;
	font-size: 25px;
	text-transform:uppercase;
	color: $black;
	margin: 0px;
	float:right;
	margin-top:7px;
	width:121px;
	}
}
	.choice{
			margin-bottom: 20px;
	 input[type="checkbox"] + label:before {
        
        
         height: 17px;
         width:17px;
         font-weight: bold;
         line-height: 13px
        
         
     } 
     label{
		
		color: $black;
		text-transform: uppercase;
	}
 }
}

#inbox-query .my-review:nth-of-type(even)
{
	background:rgba(237,237,237,0.4);

   
}
.button-cont{
	width:100%;
	.button-format {
		@include button($black,$white,$yellow,$black);
		padding:15px 30px;
		float:right;
		margin-top:0;
		margin-left:10px;
		text-transform: uppercase;
		font-weight: bold;
	}
}


